	* {
		margin: 0;
		padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	html,
	body {
		-webkit-user-select: none;
		font-family: "微软雅黑";
		min-width: 300px;
	}
	
	@media only screen and (max-width: 1024px),
	only screen and (max-device-width:1024px) {
		html,
		body {
			font-size: 15px;
		}
	}
	
	@media only screen and (max-width: 960px),
	only screen and (max-device-width:960px) {
		html,
		body {
			font-size: 14px;
		}
	}
	
	@media only screen and (max-width: 840px),
	only screen and (max-device-width:840px) {
		html,
		body {
			font-size: 14px;
		}
	}
	
	@media only screen and (max-width: 720px),
	only screen and (max-device-width:720px) {
		html,
		body {
			font-size: 14px;
		}
	}
	
	@media only screen and (max-width: 640px),
	only screen and (max-device-width:640px) {
		html,
		body {
			font-size: 12px;
		}
	}
	
	@media only screen and (max-width: 480px),
	only screen and (max-device-width:480px) {
		html,
		body {
			font-size: 12px;
		}
	}
	
	@media only screen and (max-width: 400px),
	only screen and (max-device-width:400px) {
		html,
		body {
			font-size: 12px;
		}
	}
	
	@media only screen and (max-width: 320px),
	only screen and (max-device-width:320px) {
		html,
		body {
			font-size: 12px;
		}
	}
	
	.back_last {
		margin-left: 1rem;
		display: -webkit-box;
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		background-image: url(../../public/img/icon1.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position-y: -12rem;
	}
	
	.block {
		display: block;
	}
	
	.none {
		display: none;
	}
	/*tabbar*/
	
	.indexTabbar {
		font-size: 0.8rem;
		width: 100%;
		position: fixed;
		bottom: 0px;
		background-color: #FFFFFF;
		color: #747474;
		display: -webkit-box;
		border-top: 1px solid #DCDCDC;
	}
	
	.indexTabbar>div {
		width: 25%;
		height: 4rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-box-align: center;
		-webkit-box-pack: center;
	}
	
	.indexTabbar_food>div {
		width: 2rem;
		height: 2rem;
		background-image: url(../../public/img/icon3.png);
		background-position-y: -18.9rem;
		background-size: cover;
	}
	
	.indexTabbar_find>div {
		width: 2rem;
		height: 2rem;
		background-image: url(../../public/img/icon3.png);
		background-position-y: -22rem;
		background-size: cover;
	}
	
	.indexTabbar_order>div {
		width: 2rem;
		height: 2rem;
		background-image: url(../../public/img/icon3.png);
		background-position-y: -25.2rem;
		background-size: cover;
	}
	
	.indexTabbar_ownr>div {
		width: 2rem;
		height: 2rem;
		background-image: url(../../public/img/icon3.png);
		background-position-y: -28.3rem;
		background-size: cover;
	}
	
	.indexTabbar>.acttabbar {
		color: #FF9212;
	}
	
	.indexTabbar>.acttabbar>div {
		background-image: url(../../public/img/icon2.png);
	}
	/*loading图*/
	
	.csshub-loader {
		z-index: 700;
		margin: 200px auto;
		width: 100px;
		height: 100px;
		animation: spin 8s infinite;
		-webkit-animation: spin 8s infinite;
	}
	
	.csshub-square {
		background: #FA8D62;
		border-radius: 5px;
		float: left;
		clear: right;
		margin: 3px;
		width: 23px;
		height: 23px;
		animation: disappear alternate 800ms infinite;
		-webkit-animation: disappear alternate 800ms infinite;
	}
	
	.csshub-loader .csshub-square:nth-child(1) {
		animation-delay: 200ms;
		-webkit-animation-delay: 200ms;
	}
	
	.csshub-loader .csshub-square:nth-child(2) {
		animation-delay: 400ms;
		-webkit-animation-delay: 400ms;
	}
	
	.csshub-loader .csshub-square:nth-child(3) {
		animation-delay: 600ms;
		-webkit-animation-delay: 600ms;
	}
	
	.csshub-loader .csshub-square:nth-child(4) {
		animation-delay: 400ms;
		-webkit-animation-delay: 400ms;
	}
	
	.csshub-loader .csshub-square:nth-child(5) {
		animation-delay: 600ms;
		-webkit-animation-delay: 600ms;
	}
	
	.csshub-loader .csshub-square:nth-child(6) {
		animation-delay: 800ms;
		-webkit-animation-delay: 800ms;
	}
	
	.csshub-loader .csshub-square:nth-child(7) {
		animation-delay: 600ms;
		-webkit-animation-delay: 600ms;
	}
	
	.csshub-loader .csshub-square:nth-child(8) {
		animation-delay: 800ms;
		-webkit-animation-delay: 800ms;
	}
	
	.csshub-loader .csshub-square:nth-child(9) {
		animation-delay: 1s;
		-webkit-animation-delay: 1s;
	}
	
	@keyframes disappear {
		0% {
			background-color: #FA8D62;
			transform: scale(1, 1);
		}
		100% {
			background-color: #FFDE3F;
			transform: scale(0, 0);
		}
	}
	
	@-webkit-keyframes disappear {
		0% {
			background-color: #FA8D62;
			transform: scale(1, 1);
		}
		100% {
			background-color: #FFDE3F;
			transform: scale(0, 0);
		}
	}
	
	@keyframes spin {
		0% {
			transform: rotate(0deg);
		}
		25% {
			transform: rotate(90deg);
		}
		50% {
			transform: rotate(180deg);
		}
		75% {
			transform: rotate(270deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}
	
	@-webkit-keyframes spin {
		0% {
			transform: rotate(0deg);
		}
		25% {
			transform: rotate(90deg);
		}
		50% {
			transform: rotate(180deg);
		}
		75% {
			transform: rotate(270deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}